<template>
	<div id="app">
		<div id="nav">
			<router-link to="/" class="o">首页</router-link>
			<router-link to="/about" class="o">编程</router-link>
			<router-link to="/list" class="o">列表</router-link>
			<router-link to="/page" class="o">关于</router-link>
		</div>
		<router-view />
	</div>
</template>

<script>
	export default {
		name: 'app'
	}
</script>

<style>

	div#nav {
		text-align: right;
		background-color: white;
		width: 100%;
		height: 64px;
		line-height: 64px;
	}

	.el-container {
		width: 1200px;
		margin: auto;
	}

	body {
		background: #f1f1f1;
		margin: 0;
	}
    .o{
		padding: 20px;
	}
	a{
		text-decoration: none;
	}
	a:hover{
		color: royalblue;
	}
</style>
